import React, { Component } from 'react';
import { List, 
	InputItem, 
	NavBar, 
	Icon,
	Button
} from 'antd-mobile';
import { createForm } from 'rc-form';
import { Link } from "react-router-dom";

class Phone extends Component {
	constructor(props) {
		super(props);
	}
	render() {
		const { getFieldProps } = this.props.form;
		return (
			<div>
				<List renderHeader={() => '话费充值'}>
		          <InputItem
		            {...getFieldProps('autofocus')}
		            clear
		            placeholder="请输入手机号码"
		            ref={el => this.autoFocusInst = el}
		          >手机号码：</InputItem>
		          <InputItem
		            {...getFieldProps('focus')}
		            clear
		            placeholder="请输入充值金额"
		            ref={el => this.inputRef = el}
		          >充值金额：</InputItem>
		        </List>
		        <Button type="primary" style={{ marginTop: "25px" }}> 充值 </Button>
			</div>
		)
	}	
}

const PhoneForm = createForm()(Phone);

export default PhoneForm;